﻿<!DOCTYPE html>
<html dir="ltr" lang="en">
<head>

	<!-- Meta Tags -->	
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta name="description" content="唯楚新材">
	<meta name="keywords" content="唯楚新材">
	<meta name="author" content="cherry">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-touch-fullscreen" content="yes" />
    <meta name="full-screen" content="yes" />
    <meta name="format-detection" content="telephone=no" />

	<!-- Title -->
	<title>唯楚新材--产品中心</title>
	
	<!-- Favicon -->
	<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">

	<!-- Apple Touch Icons -->
	<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
	<link rel="apple-touch-icon" sizes="57x57" href="images/apple-touch-icon-57x57.png">
	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="76x76" href="images/apple-touch-icon-76x76.png">
	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
	<link rel="apple-touch-icon" sizes="120x120" href="images/apple-touch-icon-120x120.png">
	<link rel="apple-touch-icon" sizes="144x144" href="images/apple-touch-icon-144x144.png">
	<link rel="apple-touch-icon" sizes="152x152" href="images/apple-touch-icon-152x152.png">
	<link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon-180x180.png">
	
	<!-- Stylesheets -->
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/menuzord.css">
	<link rel="stylesheet" href="css/menuzord-animations.css">
	<link rel="stylesheet" href="css/animate.css">
	<link rel="stylesheet" href="css/jquery.bxslider.css">
	<link rel="stylesheet" href="css/hover.css">
	<link rel="stylesheet" href="css/magnific-popup.css">
	<link rel="stylesheet" href="css/color-switcher.css">
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/responsive.css">
	

	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	<!--[if lt IE 9]>
	  <script src="http://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	  <script src="http://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
	<![endif]-->
</head>
<body>
     


	
	<div id="preloader">
		<div id="status"></div>
	</div>
	
	<div class="page-wrapper">
		<!-- Header Start -->
		<header class="headers-con">
			<div class="container">
				<div class="row">
					<div class="col-md-4 logo">
						<a href="home-layout-1.html"><img src="images/logo.png" alt=""></a>
					</div>
					<div class="col-md-8 nav-wrapper">

						<!-- Nav Start -->
						<div id="menuzord" class="menuzord">
							<ul class="menuzord-menu">
								<li><a href="index.html">首页</a></li>
								<li><a href="about.html">关于我们</a></li>
								<li><a href="services.html">产品中心</a></li>
								<li><a href="gallery.html">工程案例</a></li>
								<li><a href="Blog.html">新闻资讯</a></li>
								<li><a href="contact.html">联系我们</a></li>
							</ul>
						</div>
						<!-- Nav End -->

					</div>
				</div>
			</div>
		</header>
		<!-- Header End -->
		
		
		<!-- Banner Start -->
		<div class="page-banner">
			<div class="overlay"></div>
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="banner-text">
							<h1>产品中心</h1>
							<ul>
								<li><a href="index.html">首页</a></li>
								<li><i class="fa fa-angle-right"></i></li>
								<li>产品中心</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- Banner End -->
		
		<!--all the service Start -->
		<section class="service-v3">
			<div class="container">
				<div class="row">
					<div class="col-md-12">

						<ul class="service-v3-menu">
							<li class="filter" data-filter="all" data-role="button">全部产品</li>
							<li class="filter" data-filter=".mechanical" data-role="button">氟碳铝单板</li>
							<li class="filter" data-filter=".material" data-role="button">铝蜂窝板</li>
							<li class="filter" data-filter=".agriculture" data-role="button">铝吊顶</li>
							<li class="filter" data-filter=".chemical" data-role="button">金属饰面保温板</li>
						</ul>

						<div id="mix-container">
							<div class="col-md-6 mix mechanical all" data-my-order="2">
								<div class="inner">
									<div class="thumb">
										<img src="images/services/1.jpg" alt="">
										<div class="overlay"></div>
									</div>
									<div class="text">
										<h3><a href="service-detail.html">铝瓦楞板</a></h3>
										<p>
											供应铝瓦、瓦楞板、板卷材
										</p>
										<p class="button">
											<a href="service-detail.html">更多</a>
										</p>
									</div>
								</div>
							</div>
							<div class="col-md-6 mix material all" data-my-order="4">
								<div class="inner">
									<div class="thumb">
										<img src="images/services/2.jpg" alt="">
										<div class="overlay"></div>
									</div>
									<div class="text">
										<h3><a href="service-detail.html">氟碳铝单板</a></h3>
										<p>
											RENOXBELL牌氟碳铝单板均与采用世界知名大企业的优质铝合金加工而成，再经表面喷涂美国PPG、或阿克苏PVDF氟碳烤漆精制而成，氟碳铝单板主要由面板、加强筋骨，挂耳等
										</p>
										<p class="button">
											<a href="service-detail.html">更多</a>
										</p>
									</div>
								</div>
							</div>
							<div class="col-md-6 mix mechanical all" data-my-order="1">
								<div class="inner">
									<div class="thumb">
										<img src="images/services/3.jpg" alt="">
										<div class="overlay"></div>
									</div>
									<div class="text">
										<h3><a href="service-detail.html">雕花铝单板</a></h3>
										<p>
											雕花铝单板
										</p>
										<p class="button">
											<a href="service-detail.html">更多</a>
										</p>
									</div>
								</div>
							</div>
							<div class="col-md-6 mix agriculture all" data-my-order="3">
								<div class="inner">
									<div class="thumb">
										<img src="images/services/4.jpg" alt="">
										<div class="overlay"></div>
									</div>
									<div class="text">
										<h3><a href="service-detail.html">穿孔铝单板</a></h3>
										<p>
											空标准的铝蜂窝,构成"三明治"夹心结构的复合板材
										</p>
										<p class="button">
											<a href="service-detail.html">更多</a>
										</p>
									</div>
								</div>
							</div>
							<div class="col-md-6 mix chemical all" data-my-order="2">
								<div class="inner">
									<div class="thumb">
										<img src="images/services/5.jpg" alt="">
										<div class="overlay"></div>
									</div>
									<div class="text">
										<h3><a href="service-detail.html">无开边口单曲面</a></h3>
										<p>
											无开边口单曲面

										</p>
										<p class="button">
											<a href="service-detail.html">更多</a>
										</p>
									</div>
								</div>
							</div>
							<div class="col-md-6 mix agriculture all" data-my-order="4">
								<div class="inner">
									<div class="thumb">
										<img src="images/services/6.jpg" alt="">
										<div class="overlay"></div>
									</div>
									<div class="text">
										<h3><a href="service-detail.html">双曲面弧型铝蜂窝板</a></h3>
										<p>
											表面采用优质不锈钢板材，芯材为符合国际航空标准的铝蜂窝,构成"三明治"夹心结构的复合板材
										</p>
										<p class="button">
											<a href="service-detail.html">更多</a>
										</p>
									</div>
								</div>
							</div>
							<div class="col-md-6 mix mechanical all" data-my-order="1">
								<div class="inner">
									<div class="thumb">
										<img src="images/services/7.jpg" alt="">
										<div class="overlay"></div>
									</div>
									<div class="text">
										<h3><a href="service-detail.html">平面弯曲一次成型</a></h3>
										<p>
											平面弯曲一次成型
										</p>
										<p class="button">
											<a href="service-detail.html">更多</a>
										</p>
									</div>
								</div>
							</div>
							<div class="col-md-6 mix agriculture all" data-my-order="3">
								<div class="inner">
									<div class="thumb">
										<img src="images/services/8.jpg" alt="">
										<div class="overlay"></div>
									</div>
									<div class="text">
										<h3><a href="service-detail.html">铝蜂窝板</a></h3>
										<p>
											铝蜂窝板:铝蜂窝板采用“蜂窝式夹层”结构，即以表面涂覆耐候性极佳的装饰涂层之高强度合金铝板作为面、底板与铝蜂窝芯经高温高压复合制造而成的复合板材，具有重量轻、强度
										</p>
										<p class="button">
											<a href="service-detail.html">更多</a>
										</p>
									</div>
								</div>
							</div>
							<div class="col-md-6 mix chemical all" data-my-order="2">
								<div class="inner">
									<div class="thumb">
										<img src="images/services/9.jpg" alt="">
										<div class="overlay"></div>
									</div>
									<div class="text">
										<h3><a href="service-detail.html">超薄石材蜂窝板</a></h3>
										<p>
											超薄石材蜂窝板:标准板规格：1200mm×2400mm 酸冻融测试：-35℃～80℃循环120次，强度没有任何降低 弯曲强度：≥17.9Mpa 压缩强度：≥1.31Mpa 拉伸剪
										</p>
										<p class="button">
											<a href="service-detail.html">更多</a>
										</p>
									</div>
								</div>
							</div>
							<div class="col-md-6 mix material all" data-my-order="4">
								<div class="inner">
									<div class="thumb">
										<img src="images/services/10.jpg" alt="">
										<div class="overlay"></div>
									</div>
									<div class="text">
										<h3><a href="service-detail.html">吊顶铝板</a></h3>
										<p>
											主要由面板、加强筋和角码等部件组成，在面板背面采用螺栓将加强筋与面板连接成一个牢固的整体，从而保证了其平整度和强度。
										</p>
										<p class="button">
											<a href="service-detail.html">更多</a>
										</p>
									</div>
								</div>
							</div>
							<div class="col-md-6 mix chemical all" data-my-order="1">
								<div class="inner">
									<div class="thumb">
										<img src="images/services/11.jpg" alt="">
										<div class="overlay"></div>
									</div>
									<div class="text">
										<h3><a href="service-detail.html">新型装饰材料</a></h3>
										<p>
											最新开发出一种新型装饰材料——高分子材料。产品有浮雕装饰板，平板装饰板，高分子装饰板，天花板等。
										</p>
										<p class="button">
											<a href="service-detail.html">更多</a>
										</p>
									</div>
								</div>
							</div>
							<div class="col-md-6 mix material all" data-my-order="3">
								<div class="inner">
									<div class="thumb">
										<img src="images/services/12.jpg" alt="">
										<div class="overlay"></div>
									</div>
									<div class="text">
										<h3><a href="service-detail.html">吊顶铝板</a></h3>
										<p>
											主要由面板、加强筋和角码等部件组成，在面板背面采用螺栓将加强筋与面板连接成一个牢固的整体，从而保证了其平整度和强度。
=										</p>
										<p class="button">
											<a href="service-detail.html">更多</a>
										</p>
									</div>
								</div>
							</div>
							
							
						</div>

					</div>
				</div>
			</div>
		</section>
		<!--all the service end -->

		<!-- Footer Social Start -->
		<section class="footer-social footer-lower-height">
			<!--<div class="container">-->
			<!--<div class="row">-->
			<!--<div class="col-md-12">-->
			<!--<div class="item">-->
			<!--<ul>-->
			<!--<li><a href="#"><i class="fa fa-facebook"></i></a></li>-->
			<!--<li><a href="#"><i class="fa fa-twitter"></i></a></li>-->
			<!--<li><a href="#"><i class="fa fa-linkedin"></i></a></li>-->
			<!--<li><a href="#"><i class="fa fa-google-plus"></i></a></li>-->
			<!--<li><a href="#"><i class="fa fa-pinterest"></i></a></li>-->
			<!--<li><a href="#"><i class="fa fa-youtube"></i></a></li>-->
			<!--</ul>-->
			<!--</div>-->
			<!--</div>-->
			<!--</div>-->
			<!--</div>-->
		</section>
		<!-- Footer Social End -->


		<!-- Footer Main Start -->
		<section class="footer-main">
			<div class="container">
				<div class="row">
					<div class="col-sm-6 col-md-3 col-lg-3 footer-col tx-cen">
						<img src="images/whiteLogo.png" alt="">
					</div>

					<div class="col-sm-6 col-md-3 col-lg-3 footer-col">
						<h3>关于唯楚</h3>
						<div class="row">
							<div class="col-md-12">
								<p>
									江苏唯楚金属新材料有限公司致力于铝幕墙材料、
									保温隔热材料、铝蜂窝板的设计、研发、制造、销售
									及安装，是一家集工业、贸易、科研、投资、服务于
									一体的多元化公司。公司拥有雄厚的技术力量、精湛
									的生产工艺、先进的检测设备、科学的管理体系和完
									...
								</p>
							</div>
						</div>
					</div>
					<!-- contact us Start -->
					<div class="col-sm-6 col-md-3 col-lg-3 footer-col">
						<h3>联系我们</h3>
						<div class="contact-item">
							<div class="icon"><i class="fa fa-map-marker"></i></div>
							<div class="text">江苏省常州市</div>
						</div>
						<div class="contact-item">
							<div class="icon"><i class="fa fa-phone"></i></div>
							<div class="text">123-456-7878</div>
						</div>
						<div class="contact-item">
							<div class="icon"><i class="fa fa-fax"></i></div>
							<div class="text">123-456-7890</div>
						</div>
						<div class="contact-item">
							<div class="icon"><i class="fa fa-envelope-o"></i></div>
							<div class="text">info@yokobd.com</div>
						</div>
					</div>
					<!-- contact us end -->
					<!-- company Logo start -->
					<div class="col-sm-6 col-md-3 col-lg-3 footer-col">
						<h3>网站地图</h3>
						<div class="row">
							<div class="col-md-6">
								<ul>
									<li><a href="index.html">唯楚首页</a></li>
									<li><a href="about.html">关于我们</a></li>
									<li><a href="services.html">产品中心</a></li>
									<li><a href="gallery.html">工程案例</a></li>
									<li><a href="Blog.html">新闻资讯</a></li>
									<li><a href="contact.html">联系我们</a></li>
								</ul>
							</div>
						</div>
					</div>
					<!-- company Logo end-->

				</div>
			</div>
		</section>
		<!-- Footer Main End -->


		<!-- Footer Bottom Start -->
		<section class="footer-bottom">
			<div class="container footer-container">
				Copyright &copy; 2018.江苏唯楚金属新材料有限公司 All rights reserved.
			</div>
		</section>
		<!-- Footer Bottom End -->

		<a href="#" class="scrollup">
			<i class="fa fa-angle-up"></i>
		</a>

	</div>

	
	<!-- Scripts -->
	<script src="js/jquery-2.2.4.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/menuzord.js"></script>
	<script src="js/hoverIntent.js"></script>
	<script src="js/owl.carousel.min.js"></script>
	<script src="js/owl.animate.js"></script>
	<script src="js/jquery.bxslider.min.js"></script>
	<script src="js/jquery.mixitup.min.js"></script>
	<script src="js/jquery.magnific-popup.min.js"></script>	
	<script src="js/waypoints.min.js"></script> 
	<script src="js/jquery.counterup.min.js"></script>
	<script src="js/modernizr.min.js"></script>
	<script src="js/color-switcher.js"></script>
	<script src="js/custom.js"></script>
	
</body>
</html>

